<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>九江学院经济学院</title>
    <meta name="description" content="九江学院经济学院官方网站">

    <!-- 引入CSS文件 -->
    <link rel="stylesheet" href="normalize.css">
    <link rel="stylesheet" href="AI2.css">
</head>
<body>
    <!-- 网站头部 -->
    <header role="banner">
        <div class="header-top">
            <h1>九江学院经济学院</h1>
            <div class="header-links">
                <a href="#">English</a>
                <a href="#">设为首页</a>
                <a href="#">加入收藏</a>
            </div>
        </div>
    </header>

    <!-- 主导航 -->
    <nav role="navigation" aria-label="主导航">
        <ul class="main-nav">
            <li><a href="index.html">首页</a></li>
            <li>
                <a href="#">学院概况</a>
                <ul>
                    <li><a href="#">学院介绍</a></li>
                    <li><a href="#">现任领导</a></li>
                    <li><a href="#">组织机构</a></li>
                </ul>
            </li>
            <li>
                <a href="#">师资团队</a>
                <ul>
                    <li><a href="#">教师名录</a></li>
                    <li><a href="#">团队建设</a></li>
                </ul>
            </li>
            <li>
                <a href="#">学科建设</a>
                <ul>
                    <li><a href="#">学科发展</a></li>
                    <li><a href="#">省级平台</a></li>
                    <li><a href="#">科研统计</a></li>
                    <li><a href="#">学术沙龙</a></li>
                </ul>
            </li>
            <li>
                <a href="#">本科教育</a>
                <ul>
                    <li><a href="#">本科人才培养</a></li>
                    <li><a href="#">实验室建设</a></li>
                    <li><a href="#">课程思政案例</a></li>
                    <li><a href="#">竞赛获奖&论文</a></li>
                    <li><a href="#">入研信息统计</a></li>
                </ul>
            </li>
            <li>
                <a href="#">研究生教育</a>
                <ul>
                    <li><a href="#">管理机构与制度</a></li>
                    <li><a href="#">通知快讯</a></li>
                    <li><a href="#">招生信息</a></li>
                    <li><a href="#">专业介绍</a></li>
                    <li><a href="#">导师介绍</a></li>
                    <li><a href="#">培养方案</a></li>
                </ul>
            </li>

            <li>
                <a href="#">审核评估</a>
            </li>

            <li>
                <a href="#">学生工作</a>
                <ul>
                    <li><a href="#">学工队伍</a></li>
                    <li><a href="#">学工介绍</a></li>
                    <li><a href="#">学团快讯</a></li>
                </ul>
            </li>

            <li>
                <a href="#">党群工作</a>
                <ul>
                    <li><a href="#">党委成员</a></li>            
                    <li><a href="#">党建工作</a></li> 
                    <li><a href="#">党史园地</a></li> 
                    <li><a href="#">影视教育</a></li> 
                    <li><a href="#">制度汇编</a></li>
                    <li><a href="#">工会活动</a></li> 
                </ul>
            </li>

            <li>
                <a href="#">规章制度</a>
                <ul>
                    <li><a href="#">教学管理</a></li>
                    <li><a href="#">学生管理</a></li> 
                    <li><a href="#">实验室管理</a></li> 
                    <li><a href="#">其他管理</a></li> 
                </ul>
            </li>

            <li>
                <a href="#">推荐之窗</a>
                <ul>
                    <li><a href="#">就业窗口</a></li> 
                    <li><a href="#">证书之荐</a></li> 
                    <li><a href="#">优秀窗友</a></li> 
                    <li><a href="#">同桌的你</a></li>
                </ul>
            </li>

            <li>
                <a href="#">常用下载</a>
                <ul>
                    <li><a href="#">文件下载（教师）</a></li> 
                    <li><a href="#">文件下载（学生）</a></li>
                </ul>
            </li>
        </ul>
    </nav>

    <!-- 主要内容区域 -->
    <main role="main">
       <!-- 轮播图区域 -->
    <section class="banner" aria-label="重要信息轮播">
    <div class="carousel">
        <div class="carousel-inner">
            <!-- 第一张轮播图 -->
            <div class="carousel-item active">
                <img src="https://enun.jju.edu.cn/images/jjxy_12.gif"  class="carousel-img">
                <div class="carousel-caption">
                </div>
            </div>
            <!-- 第二张轮播图 -->
            <div class="carousel-item">
                <img src="https://enun.jju.edu.cn/images/zhutijiaoyu.jpg"  class="carousel-img">
                <div class="carousel-caption">
                </div>
            </div>
            <!-- 第三张轮播图 -->
            <div class="carousel-item">
                <img src="https://enun.jju.edu.cn/images/22/05/05/1ekos5z3qr/jjxy_12.jpeg"  class="carousel-img">
                <div class="carousel-caption">
                </div>
            </div>
        </div>
        
        <!-- 轮播控制按钮 -->
        <button class="carousel-control prev" aria-label="上一张">‹</button>
        <button class="carousel-control next" aria-label="下一张">›</button>
        
        <!-- 轮播指示器 -->
        <div class="carousel-indicators">
            <button class="indicator active" aria-label="切换到第一张图片"></button>
            <button class="indicator" aria-label="切换到第二张图片"></button>
            <button class="indicator" aria-label="切换到第三张图片"></button>
        </div>
    </div>
    </section>

        <!-- 新闻公告区域 -->
        <section class="content-section">
            <div class="container">
                <div class="sidebar">
                    <aside>
                        <h2>快速链接</h2>
                        <ul>
                            <li><a href="#">OA办公</a></li>
                            <li><a href="#">实训平台</a></li>
                            <li><a href="#">领导信箱</a></li>
                            <li><a href="#">教务系统</a></li>
                            <li><a href="#">资助中心</a></li>
                            <li><a href="#">STIS信息</a></li>
                        </ul>
                    </aside>
                </div>
                
                <div class="main-content">
                    <!-- 新闻公告 -->
                    <article class="news-section">
                        <header>
                            <h2>学院新闻</h2>
                            <a href="#" class="more-link">更多 &gt;</a>
                        </header>
                        <div class="news-container">
                            <div class="news-left">
                                <div class="news-item">
                                    <img src="https://enun.jju.edu.cn/__local/F/AE/27/3060FC9C7952F88E7D76DE96543_C897D378_E48AC.png" alt="2023年数字贸易发展趋势学术专题会" >
                                    
                                    <h3>2023年数字贸易发展趋势学术专题会...</h3>
                                    <a>6月9日—10日，由中国国际贸易学会和九江学院共同主办...</a>
                                    <span>[2023-06-14]</span>
                                </div>
                            
                                <div class="news-item">
                                    <img src="https://www.jju.edu.cn/__local/2/9F/04/BB441409B799D0C509FB2A7F054_77CFCF83_85611.png" alt="中国技术经济学会金融科技专业委员会">
                                    <h3>中国技术经济学会金融科技专业委员...</h3>
                                    <a>12月23日，由中国技术经济学会金融科技专业委员会主办...</a>
                                <span>[2022-12-28]</span>
                                </div>
                            </div>
                            <div class="news-right">
                                <div class="news-item">
                                    <h3>经济学院班子成员率队到省内外高校开展2026级国际...</h3>
                                    <span>[2025-10-14]</span>
                                </div>
                                <div class="news-item">
                                    <h3>经济学院开展“金秋校园 健康守护——传染病防控”...</h3>
                                    <span>[2025-10-14]</span>
                                </div>
                            <!-- 更多新闻项 -->
                            </div>
                        </div>
                    </article>

                    <!-- 通知公告 -->
                    <article class="notice-section">
                        <header>
                            <h2>通知公告</h2>
                            <a href="#" class="more-link">更多 &gt;</a>
                        </header>
                        <ul class="notice-list">
                            <li>
                                <time datetime="2025-10-13">2025-10-13</time>
                                <a href="#">相约2026！欢迎报考九江学院国际商务硕...</a>
                            </li>
                            <li>
                                <time datetime="2025-09-04">2025-09-04</time>
                                <a href="#">2025年经济学院青英实验班招生简章</a>
                            </li>
                            <li>
                                <time datetime="2025-09-30">2025-09-30</time>
                                <a href="#">经济学院2026年国际商务硕士研究生招生...</a>
                            </li>
                        </ul>
                    </article>

                    <!-- 媒体聚焦 -->
                    <section class="media-focus">
                         <h2>媒体聚焦</h2>
                         <div class="media-content">
                            <ul class="news-list">
                                <li>【新时代赣鄱先锋】张应华：深耕赣鄱育...</li>
                                <li>铭记“九一八” | 九江学院经济学院举行...</li>
                                <li>九江学院经济学院开展行业导师进课堂活动</li>
                                <li>铭记历史 吾辈自强——九江学院经济学院...</li>
                                <li>习近平作出重要指示强调 锲而不舍落实中...</li>
                                <li>用铁规矩锻造好作风——全党开展深入贯...</li>
                                <li>抗战精神：中国共产党人的精神谱系</li>
                                <li>大型纪录片《胜利》</li>
                            </ul>
                         </div>
                    </section>
                </div>
            </div>
        </section>
    </main>

    <!-- 网站页脚 -->
    <footer role="contentinfo">
        <div class="footer-content">
            <div class="contact-info">
                <h3>联系我们</h3>
                <p>地址：江西省九江市濂溪区前进东路551号</p>
                <p>电话：0792-8311000</p>
                <p>邮箱：enun@jju.edu.cn</p>
            </div>
            <div class="friend-links">
                <h3>友情链接</h3>
                <ul>
                    <li><a href="https://www.jju.edu.cn">九江学院主页</a></li>
                    <li><a href="#">其他学院网站</a></li>
                </ul>
            </div>
        </div>
        <div class="copyright">
            <p>&copy; 2025 九江学院经济学院 版权所有</p>
        </div>
    </footer>


</footer>

</footer>

<script>
// 轮播图功能
document.addEventListener('DOMContentLoaded', function() {
    const carouselItems = document.querySelectorAll('.carousel-item');
    const indicators = document.querySelectorAll('.indicator');
    const prevBtn = document.querySelector('.carousel-control.prev');
    const nextBtn = document.querySelector('.carousel-control.next');
    let currentIndex = 0;
    let autoPlayInterval;
    const autoPlayDelay = 4000; // 4秒切换一次

    // 显示指定索引的轮播项
    function showSlide(index) {
        // 隐藏所有轮播项
        carouselItems.forEach(item => {
            item.classList.remove('active');
            item.style.display = 'none'; // 确保隐藏
        });
        indicators.forEach(indicator => indicator.classList.remove('active'));
        
        // 显示当前轮播项
        carouselItems[index].classList.add('active');
        carouselItems[index].style.display = 'block'; // 确保显示
        indicators[index].classList.add('active');
        
        currentIndex = index;
        
        console.log('切换到图片:', index + 1);
    }

    // 下一张
    function nextSlide() {
        let nextIndex = (currentIndex + 1) % carouselItems.length;
        showSlide(nextIndex);
    }

    // 上一张
    function prevSlide() {
        let prevIndex = (currentIndex - 1 + carouselItems.length) % carouselItems.length;
        showSlide(prevIndex);
    }

    // 自动播放
    function startAutoPlay() {
        console.log('开始自动播放');
        stopAutoPlay(); // 先停止之前的定时器
        
        autoPlayInterval = setInterval(() => {
            console.log('自动切换到下一张');
            nextSlide();
        }, autoPlayDelay);
    }

    function stopAutoPlay() {
        if (autoPlayInterval) {
            clearInterval(autoPlayInterval);
            autoPlayInterval = null;
            console.log('停止自动播放');
        }
    }

    // 初始化轮播图
    function initCarousel() {
        console.log('初始化轮播图，共找到', carouselItems.length, '个轮播项');
        
        // 确保只有第一张图片显示
        showSlide(0);
        
        // 事件监听
        nextBtn.addEventListener('click', function() {
            console.log('手动点击下一张');
            stopAutoPlay();
            nextSlide();
            startAutoPlay();
        });

        prevBtn.addEventListener('click', function() {
            console.log('手动点击上一张');
            stopAutoPlay();
            prevSlide();
            startAutoPlay();
        });

        // 指示器点击事件
        indicators.forEach((indicator, index) => {
            indicator.addEventListener('click', function() {
                console.log('点击指示器切换到第', index + 1, '张');
                stopAutoPlay();
                showSlide(index);
                startAutoPlay();
            });
        });

        // 鼠标悬停时暂停自动播放
        const carousel = document.querySelector('.carousel');
        carousel.addEventListener('mouseenter', function() {
            console.log('鼠标悬停，暂停自动播放');
            stopAutoPlay();
        });
        
        carousel.addEventListener('mouseleave', function() {
            console.log('鼠标离开，恢复自动播放');
            startAutoPlay();
        });

        // 开始自动播放（添加延迟确保DOM完全加载）
        setTimeout(() => {
            startAutoPlay();
        }, 1000);
    }

    // 检查元素是否存在
    if (carouselItems.length > 0 && prevBtn && nextBtn) {
        initCarousel();
    } else {
        console.error('轮播图元素未找到，请检查HTML结构');
        console.log('轮播项:', carouselItems.length);
        console.log('上一页按钮:', prevBtn);
        console.log('下一页按钮:', nextBtn);
    }
});
</script>

</body>
</html>